<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/rem.js"></script>
</head>
<body>
<!-- 背景音乐 start-->
    <audio  autoplay loop>
        <source src="img/1.mp3"></source>       
        您的浏览器不支持 audio 标签。
    </audio>
<!-- 背景音乐 end -->

<!-- 主页start -->
<div class="swiper-container">
    <div class="swiper-wrapper" style="background:#000;">
      <div class="swiper-slide">
           <img src="img/1-3.png" alt="" class="ani img5"swiper-animate-effect="rotateOutDownRight" swiper-animate-duration="30s" swiper-animate-delay="0.7s">
            <img src="img/1-2.png" alt="" class="ani img1"swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">
            <img src="img/1-1.png" alt="" class="ani img2"swiper-animate-effect="bounceInDown" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
            <img src="img/arrow.png" alt="" class="top">
    </div>
      <div class="swiper-slide">
          <div class="bj_box ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">
             <img src="img/2-2.png" alt="" class="ani img3" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
        </div>
        <div class="p_box ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
            <p class="ani p1"swiper-animate-effect="rotateIn" swiper-animate-duration="2s" swiper-animate-delay="0.5s">培训</p>
            <p class="ani p2"swiper-animate-effect="rotateIn" swiper-animate-duration="2s" swiper-animate-delay="1s">IT咨询</p>
            <p class="ani p3"swiper-animate-effect="rotateIn" swiper-animate-duration="2s" swiper-animate-delay="1.5s">解决方案</p>
            <p class="ani p4"swiper-animate-effect="rotateIn" swiper-animate-duration="2s" swiper-animate-delay="2s">外包服务</p>
            <p class="ani p5"swiper-animate-effect="rotateIn" swiper-animate-duration="2s" swiper-animate-delay="2.5s">产品研发</p>
        </div>  






        
          <img src="img/arrow.png" alt="" class="top">
    </div>
      <div class="swiper-slide"></div>
      <div class="swiper-slide">
          <p class="ani p6"swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.1s">产学研创高效教育模式</p>
          <img src="img/page4i.png" alt="" class="ani img4"swiper-animate-effect="rubberBand" swiper-animate-duration="1s" swiper-animate-delay="1s">

          <img src="img/arrow.png" alt="" class="top">
      </div>
      <div class="swiper-slide">
          <img src="img/1-3.png" alt="" class="ani img5"swiper-animate-effect="rotateOutDownRight" swiper-animate-duration="30s" swiper-animate-delay="0.7s">
          <img src="img/page5i.png" alt="" class="ani img6"swiper-animate-effect="flip" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">
          <p class="ani p7"swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">
              博看文思团队由中、美300余位专家组成，拥有国内先进的自主知识产权的游戏物理引擎、3D引擎和手机跨平台开发框架
              ，与包括世界500强在内的多家企业进行项目外包、技术解决等综合方案服务。
          </p>
          <img src="img/arrow.png" alt="" class="top">
      </div>
      <div class="swiper-slide">
        <img src="img/1-3.png" alt="" class="ani img5"swiper-animate-effect="rotateOutDownRight" swiper-animate-duration="30s" swiper-animate-delay="0.7s">
        <img src="img/page6i.png" alt="" class="ani img6"swiper-animate-effect="flip" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">
        <p class="ani p7"swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">
            博看文思团队由中、美300余位专家组成，拥有国内先进的自主知识产权的游戏物理引擎、3D引擎和手机跨平台开发框架
            ，与包括世界500强在内的多家企业进行项目外包、技术解决等综合方案服务。
        </p>
        <img src="img/arrow.png" alt="" class="top">
      </div>
      <div class="swiper-slide">
        <img src="img/1-3.png" alt="" class="ani img5"swiper-animate-effect="rotateOutDownRight" swiper-animate-duration="30s" swiper-animate-delay="0.7s">
        <img src="img/page7i.png" alt="" class="ani img6"swiper-animate-effect="flip" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">
        <p class="ani p7"swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">
            博看文思团队由中、美300余位专家组成，拥有国内先进的自主知识产权的游戏物理引擎、3D引擎和手机跨平台开发框架
            ，与包括世界500强在内的多家企业进行项目外包、技术解决等综合方案服务。
        </p>
        <img src="img/arrow.png" alt="" class="top">
      </div>
      <div class="swiper-slide">
        <img src="img/1-3.png" alt="" class="ani img5"swiper-animate-effect="rotateOutDownRight" swiper-animate-duration="30s" swiper-animate-delay="0.7s">
        <img src="img/page8i.png" alt="" class="ani img6"swiper-animate-effect="flip" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">
        <p class="ani p7"swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">
            博看文思团队由中、美300余位专家组成，拥有国内先进的自主知识产权的游戏物理引擎、3D引擎和手机跨平台开发框架
            ，与包括世界500强在内的多家企业进行项目外包、技术解决等综合方案服务。
        </p>
        <img src="img/arrow.png" alt="" class="top">
      </div>
      <div class="swiper-slide">
        <img src="img/1-3.png" alt="" class="ani img5"swiper-animate-effect="rotateOutDownRight" swiper-animate-duration="30s" swiper-animate-delay="0.5s" style="z-index:1;">
        <img src="img/8-1.png" alt="" class="ani img7" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s">
        <img src="img/81.png" alt="" class="ani xy img8"swiper-animate-effect="flipInY" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s">
        <img src="img/82.png" alt="" class="ani xy img9"swiper-animate-effect="flipInY" swiper-animate-duration="1.5s" swiper-animate-delay="1s">
        <img src="img/83.png" alt="" class="ani xy img10"swiper-animate-effect="flipInY" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">
        <img src="img/84.png" alt="" class="ani xy img11"swiper-animate-effect="flipInY" swiper-animate-duration="1.5s" swiper-animate-delay="2s">
        <img src="img/85.png" alt="" class="ani xy img12"swiper-animate-effect="flipInY" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">
        <img src="img/86.png" alt="" class="ani xy img13"swiper-animate-effect="flipInY" swiper-animate-duration="1.5s" swiper-animate-delay="3s">

        <img src="img/arrow.png" alt="" class="top">
      </div>
      <div class="swiper-slide">
        <img src="img/1-3.png" alt="" class="ani img5"swiper-animate-effect="rotateOutDownRight" swiper-animate-duration="30s" swiper-animate-delay="2s">
        <p class="ani p8"swiper-animate-effect="fadeInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.1s">合作企业</p>
        <p class="ani inner1"swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
            战略联盟与合作伙伴关系是博看文思业务持续发展的重要保证，博看文思已经和行业领导者建立了战略合作伙伴关系，
            紧密的合作伙伴关系，确保博看文思能够满足客户的各种需求，并为客户提供最优秀的解决方案。
        </p>
        <img src="img/qyhz.png" alt="" class="ani quhz"swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1s">
         <img src="img/arrow.png" alt="" class="top">
      </div>
      <div class="swiper-slide">
        <img src="img/10-1.png" alt="" class="ani img7" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.8s">
        <img src="img/101.jpg" alt="" class="ani mien1"swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
        <img src="img/102.jpg" alt="" class="ani mien2"swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
        <img src="img/103.jpg" alt="" class="ani mien3"swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
        <img src="img/104.jpg" alt="" class="ani mien4"swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
        <img src="img/105.jpg" alt="" class="ani mien5"swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
        <img src="img/106.jpg" alt="" class="ani mien6"swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3.3s">
        <img src="img/107.jpg" alt="" class="ani mien7"swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s">
        <img src="img/108.jpg" alt="" class="ani mien8"swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="4.3s">

          <img src="img/arrow.png" alt="" class="top">
      </div>
      <div class="swiper-slide">
        <img src="img/11_02.png" alt="" class="ani honor1"swiper-animate-effect="flipInX" swiper-animate-duration="0.2s" swiper-animate-delay="0.1s">
        <img src="img/11_03.png" alt="" class="ani honor2"swiper-animate-effect="flipInX" swiper-animate-duration="0.2s" swiper-animate-delay="0.3s">
        <img src="img/11_04.png" alt="" class="ani honor3"swiper-animate-effect="flipInX" swiper-animate-duration="0.2s" swiper-animate-delay="0.5s">
        <img src="img/11_05.png" alt="" class="ani honor4"swiper-animate-effect="flipInX" swiper-animate-duration="0.2s" swiper-animate-delay="0.7s">
        <img src="img/11_06.png" alt="" class="ani honor5"swiper-animate-effect="flipInX" swiper-animate-duration="0.2s" swiper-animate-delay="0.9s">
        <img src="img/11_07.png" alt="" class="ani honor6"swiper-animate-effect="flipInX" swiper-animate-duration="0.2s" swiper-animate-delay="1.1s">
        <img src="img/11_08.png" alt="" class="ani honor7"swiper-animate-effect="flipInX" swiper-animate-duration="0.2s" swiper-animate-delay="1.3s">
        <img src="img/11_09.png" alt="" class="ani honor8"swiper-animate-effect="flipInX" swiper-animate-duration="0.2s" swiper-animate-delay="1.5s">
        <img src="img/11_10.png" alt="" class="ani honor9"swiper-animate-effect="flipInX" swiper-animate-duration="0.2s" swiper-animate-delay="1.7s">

          <img src="img/arrow.png" alt="" class="top">
      </div>
      <div class="swiper-slide">
            <img src="img/p12s.png" alt="" class="ani contact1"swiper-animate-effect="rotateOut" swiper-animate-duration="30s" swiper-animate-delay="0.5s">
            <img src="img/p12t.png" alt="" class="ani contact2"swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
            
            <p class="ani contact3"swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                <span>电话：4006-333-186</span>
                <br>
                <span>地址：北京石景山区总工会二层</span>
            </p>
            <p class="ani contact4"swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s">长按二维码，对话博看文思</p>
            <img src="img/p12e.jpg" alt="" class="ani contact5"swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">

          <img src="img/arrow.png" alt="" class="top">
      </div>
    </div>
</div>
<!-- 主页end -->
</body>
<script src="js/swiper.min.js"></script>
<script src="js/swiper.animate1.0.3.min.js"></script>
<link rel="stylesheet" href="js/bokan.js">
<script>
 var swiper = new Swiper('.swiper-container', {
        noSwiping : true,
        direction: 'vertical',
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        on:{
            init: function(){
                swiperAnimateCache(this);
                swiperAnimate(this);
            }, 
            slideChangeTransitionEnd: function(){ 
                swiperAnimate(this);
            },
        },
    });
</script>
</html>